<script>
import DataFlowAnimation from "@/components/DataFlowAnimation.vue";
import { ElMessage } from "element-plus";
import { useWebSocket } from "../../../../utils/WebSockets/index";

export default {
  components: {
    DataFlowAnimation,
  },
  data() {
    //
    return {
      flowPaths: [
        {
          d: " M887.911 512.257L806.336 481.513L808.508 480.582L890.085 511.325L887.911 512.257Z",
          color: "#00FF00",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
          name: "数据源层到贴源层箭头",
        },
        {
          d: " M874.503 452.07L807.997 481.934",
          color: "#00FF00",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
          name: "数据源层到贴源层箭头",
        },
        {
          d: "M828.468 394.84L898.436 364.434L895.139 362.528L825.172 392.934L828.468 394.84Z",
          color: "#00FF00",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
          name: "数据源层到贴源层箭头",
        },
        {
          d: "M971.571 364.182L1054.5 395.434L1051 396.934L968.072 365.682L971.571 364.182Z",
          color: "#00FF00",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
        },
        {
          d: "M385.498 757.868L493.772 713.051L491.999 710.368L381.499 756.368L385.498 757.868Z",
          color: "#00FF00",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
        },
        {
          d: "M885.5 554L773.499 602.001",
          color: "#00FF00",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
        },
        {
          d: "M1051.5 482.937L920.5 537.501",
          color: "#00FF00",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
        },
        {
          d: "M774.498 629.287L957.998 699.434L954.498 700.934L770.999 630.787L774.498 629.287Z",
          color: "#00FF00",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
        },
        {
          d: "M970.998 428.934L665.997 558.106",
          color: "#00FF00",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
        },
        {
          d: "M438.998 777.934L554.701 729.272L551.404 727.366L435.499 776.434L438.998 777.934Z",
          color: "#00FF00",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
        },
        {
          d: "M372.505 798.441L112 699.436C112 699.436 298.739 619.822 452.998 553.434",
          color: "#00FF00",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
        },
        {
          d: "M981.498 703.934L586.199 875.676L315.497 776.934",
          color: "#00FF00",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
        },
        {
          d: "M1051.5 482.937L585.014 682.444",
          color: "#FF00FF",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
        },
        {
          d: "M768.499 497.434L438.51 637.45",
          color: "#FFFF00",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
        },
        {
          d: "M821.498 724.84L643.998 656.551",
          color: "#FF00FF",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
        },
        {
          d: "M821.498 724.84L643.998 656.551",
          color: "#00FF00",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
        },
        {
          d: "M610.999 487.934C456.74 554.322 501.598 535.019 501.598 535.019",
          color: "#00FF00",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
        },
        {
          d: "M635.999 493.434C481.74 559.822 522.498 542.434 522.498 542.434",
          color: "#FF00FF",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
        },
        {
          d: "M810.498 495.731L881.925 522.093L878.425 523.593L806.999 497.231L810.498 495.731Z",
          color: "#00FF00",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
        },
        {
          d: "M970.998 428.934L665.997 558.106",
          color: "#00FF00",
          duration: 3000,
          flowLength: 30,
          autoPlay: false,
        },
      ],
      linestatus: {
        d: "M438.998 777.934L554.701 729.272L551.404 727.366L435.499 776.434L438.998 777.934Z",
        name: "数据源层到贴源层箭头",
        lineSegmentState: true,
        color: "red",
      },
      linestatus2: {
        d: "M821.498 724.84L643.998 656.551",
        name: "数据源层到贴源层箭头",
        lineSegmentState: true,
        color: "red",
      },
      linestatus3: {
        d: "M885.5 554L773.499 602.001",
        name: "数据源层到贴源层箭头",
        lineSegmentState: true,
        color: "red",
      },
      linestatus4: {
        d: "M610.999 487.934C456.74 554.321 501.598 535.019 501.598 535.019",
        name: "数据源层到贴源层箭头",
        lineSegmentState: true,
        color: "red",
      },
      socket: null,
    };
  },
  methods: {
    // 初始化数据流动画
    initFlowAnimations() {
      this.flowPaths.forEach((path, index) => {
        // 设置延迟时间，每个动画间隔1秒
        path.delay = index * 1000;
        path.autoPlay = false;
      });
    },
    // 开始数据流动画
    startFlowAnimations() {
      this.$refs.flowAnimations.forEach((animation) => {
        animation.startAnimation();
      });
    },
    queryData() {
      // 模拟接口调用
      return new Promise((resolve) => {
        setTimeout(() => {
          ElMessage.error("查询失败");
          this.linestatus.status = 0;
          resolve({
            success: true,
            data: {
              // 模拟接口返回的数据
              // ...
            },
          });
        }, 500);
      });
    },
  },
  mounted() {
    this.initFlowAnimations();
    this.startFlowAnimations();
    const ws = useWebSocket("ws://192.168.5.39:8080/api/zjjscApi/ws");
    this.socket = ws.onMessage((message) => {
      console.log("Received message:", message);
      this.linestatus = message[0];
      this.linestatus2 = message[1];
      this.linestatus3 = message[2];
      this.linestatus4 = message[3];
    });

    // 模拟接口调用后启动动画
    setTimeout(() => {}, 500);
  },
  unmounted() {
    this.socket();
  },
};
</script>

<template>
  <svg
    width="1541"
    height="1110"
    viewBox="0 0 1605 1156"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <DataFlowAnimation
      v-for="(path, index) in flowPaths"
      :key="index"
      :pathData="path.d"
      :duration="path.duration"
      :startColor="path.color"
      :flowLength="path.flowLength"
      :delay="path.delay"
      :autoPlay="path.autoPlay"
      :reverse="true"
      :showArrow="true"
      ref="flowAnimations"
    />
    <path
      d="M999.37 247.355L3.97632 676.352L607.723 908.328L1600.54 479.327L999.37 247.355Z"
      fill="#0B2C8D"
      fill-opacity="0.5"
      stroke="#068FCF"
      stroke-width="3"
    />
    <path
      d="M828.468 394.84L898.436 364.434L895.139 362.528L825.172 392.934L828.468 394.84Z"
      fill="#06CFCF"
    />
    <path
      d="M981.498 703.935L586.199 875.677L335.5 784.434"
      stroke="#068FCF"
      stroke-width="3"
    />
    <path
      d="M863.033 497.551L439.021 678.371L630.964 751.321L1053.49 569.033L863.033 497.551Z"
      fill="#451257"
      fill-opacity="0.15"
      stroke="#4A2EA1"
      stroke-width="3"
    />
    <path d="M1051.5 482.937L920.5 537.501" stroke="#068FCF" stroke-width="3" />

    <!-- line3 -->
    <path
      d="M885.5 554L773.499 602.001"
      stroke-width="3"
      :stroke="linestatus3.lineSegmentState ? '#068FCF' : '#ea3930'"
      :class="linestatus3.lineSegmentState ? '' : 'Linelight'"
    />
    <path
      d="M719.001 625.5L585.014 682.444"
      stroke="#068FCF"
      stroke-width="3"
    />
    <path
      opacity="0.5"
      d="M768.499 497.434L438.51 637.45"
      stroke="#FF8019"
      stroke-width="3"
    />
    <path d="M1051 395.5L665.996 558.106" stroke="#068FCF" stroke-width="3" />
    <path
      opacity="0.5"
      d="M335.499 784.434L112 699.437C112 699.437 298.739 619.822 452.998 553.434"
      stroke="#FF8019"
      stroke-width="3"
    />
    <!-- lne4 -->
    <path
      opacity="0.5"
      d="M610.999 487.934C456.74 554.321 501.598 535.019 501.598 535.019"
      stroke-width="3"
      :stroke="linestatus4.lineSegmentState ? '#FF8019' : '#ea3930'"
      :class="linestatus4.lineSegmentState ? '' : 'Linelight'"
    />
    <path
      opacity="0.5"
      d="M635.999 493.435C481.74 559.822 522.498 542.434 522.498 542.434"
      stroke="#FF8019"
      stroke-width="3"
    />
    <path
      d="M971.571 364.182L1054.5 395.434L1051 396.934L968.072 365.682L971.571 364.182Z"
      fill="#068FCF"
    />
    <path
      d="M969.497 428.043L1052.42 459.295L1048.92 460.795L965.997 429.543L969.497 428.043Z"
      fill="#068FCF"
    />
    <path
      d="M874.503 452.07L807.997 481.934"
      stroke="#06CFCF"
      stroke-width="3"
    />
    <path
      d="M874.987 453.033L802.362 426.894L804.513 425.972L877.139 452.111L874.987 453.033Z"
      fill="#06CFCF"
      stroke="#06CFCF"
    />
    <path
      d="M887.911 512.257L806.336 481.513L808.508 480.582L890.085 511.325L887.911 512.257Z"
      fill="#06CFCF"
      stroke="#06CFCF"
    />
    <path
      d="M810.496 495.732L881.923 522.094L878.423 523.594L806.997 497.232L810.496 495.732Z"
      fill="#068FCF"
    />
    <!-- line2 -->
    <path
      text="贴源层到数据质量箭头"
      d="M821.498 724.84L643.998 656.551"
      stroke-width="3"
      :stroke="linestatus.lineSegmentState ? '#068FCF' : '#ea3930'"
      :class="linestatus.lineSegmentState ? '' : 'Linelight'"
    />
    <path
      d="M385.498 757.868L493.772 713.051L491.999 710.368L381.499 756.368L385.498 757.868Z"
      fill="#95AB04"
    />
    <path
      d="M1191.5 394.434L1067.5 449.934"
      stroke="#95AB04"
      stroke-width="3"
    />
    <path
      d="M1126.11 432.36L1179.5 409.306L1149.56 397.681L1098 419.909L1126.11 432.36Z"
      fill="#032969"
      stroke="#95AB04"
      stroke-width="3"
    />
    <g filter="url(#filter0_d_3303_21)">
      <path
        d="M1121.4 417.407L1126.23 415.356L1125.49 414.929L1127.19 414.207L1127.93 414.634L1132.76 412.582L1135.41 414.108L1133.73 414.82L1132.62 414.176L1124.6 417.578L1125.72 418.222L1124.04 418.933L1121.4 417.407ZM1127.21 420.879L1133.82 418.073L1129.89 415.805L1131.54 415.105L1135.47 417.373L1138.81 415.956L1140.34 416.838L1137.05 418.233L1141.64 417.669L1143.23 418.586L1137.35 419.309C1136.03 420.647 1134.26 422.008 1132.05 423.391L1130.42 422.446C1132.02 421.497 1133.57 420.374 1135.07 419.076L1128.74 421.761L1127.21 420.879ZM1125.62 419.211L1130.19 418.195L1131.53 418.972L1126.96 419.988L1125.62 419.211ZM1125.83 417.578L1130.4 416.562L1131.76 417.346L1127.18 418.355L1125.83 417.578ZM1139.7 409.383L1149.68 415.144L1145.22 417.037L1135.24 411.276L1139.7 409.383ZM1146.63 414.945L1143.78 413.3L1142.44 413.869L1145.29 415.514L1146.63 414.945ZM1142.32 412.46L1139.63 410.906L1138.29 411.475L1140.98 413.029L1142.32 412.46ZM1141.29 409.837L1145.2 408.18L1143.83 407.389L1145.49 406.683L1146.86 407.474L1147.83 407.064L1149.4 407.974L1148.43 408.384L1156.39 412.988L1153.51 414.208L1151.94 413.298L1153.16 412.779L1146.77 409.09L1142.87 410.747L1141.29 409.837ZM1145.71 410.596L1150.49 412.177L1148.77 412.904L1144 411.323L1145.71 410.596Z"
        fill="url(#paint0_linear_3303_21)"
      />
    </g>
    <path d="M1240.5 411.24L1109.5 468.433" stroke="#068FCF" stroke-width="3" />
    <path
      d="M1165.11 453.359L1218.5 430.305L1188.56 418.68L1137 440.908L1165.11 453.359Z"
      fill="#032969"
      stroke="#068FCF"
      stroke-width="3"
    />
    <g filter="url(#filter1_d_3303_21)">
      <path
        d="M1176.16 436.892L1181.23 439.818L1171.41 443.986L1166.34 441.06L1176.16 436.892ZM1163.59 440.429L1167.26 438.87L1165.33 437.757L1161.91 439.212L1160.56 438.435L1162.93 437.428L1161.72 437.104L1163.45 436.371L1164.66 436.695L1167.7 435.404L1167.24 434.763L1168.96 434.03L1169.43 434.671L1171.8 433.665L1173.14 434.442L1169.72 435.897L1171.64 437.01L1175.32 435.451L1176.66 436.228L1164.93 441.206L1163.59 440.429ZM1162.29 439.267L1165.42 438.281L1166.57 438.946L1163.44 439.932L1162.29 439.267ZM1178.23 439.753L1177.61 439.396L1171.12 442.153L1171.73 442.51L1178.23 439.753ZM1176.45 438.724L1175.83 438.367L1169.33 441.124L1169.95 441.481L1176.45 438.724ZM1170.07 437.677L1168.14 436.564L1166.91 437.089L1168.83 438.202L1170.07 437.677ZM1170.75 436.016L1173.19 434.639L1174.35 435.304L1171.9 436.681L1170.75 436.016ZM1189.91 436.193C1189.13 436.525 1188.42 436.778 1187.8 436.953C1187.2 437.129 1186.58 437.248 1185.96 437.31C1186.21 437.559 1186.37 437.719 1186.43 437.789L1184.65 438.544C1184 437.761 1183.31 437.069 1182.6 436.466C1181.88 435.863 1181.02 435.249 1180.01 434.624L1178.48 435.275L1176.9 434.365L1180.11 433.003C1181.15 433.605 1182.05 434.163 1182.81 434.676C1183.55 435.185 1184.25 435.717 1184.88 436.274C1185.46 436.23 1186.03 436.135 1186.58 435.99C1187.13 435.836 1187.75 435.617 1188.42 435.332L1194.73 432.652L1196.22 433.513L1189.91 436.193ZM1175.71 431.407L1179.23 432.549L1177.49 433.287L1173.97 432.146L1175.71 431.407ZM1179.65 432.117L1181.51 431.33L1180.31 431.05L1182.02 430.322L1183.22 430.602L1184.1 430.23L1183.62 429.437L1178.66 431.543L1177.27 430.745L1184.74 427.578L1185.86 429.481L1187.42 428.819L1193.98 432.606L1192.33 433.306L1191.14 432.62L1189.67 433.244L1190.86 433.93L1189.32 434.586L1188.13 433.9L1186.67 434.518L1187.86 435.204L1186.21 435.904L1179.65 432.117ZM1186.85 433.165L1186.11 432.738L1184.66 433.356L1185.4 433.783L1186.85 433.165ZM1184.84 432.003L1184.1 431.576L1182.65 432.194L1183.39 432.621L1184.84 432.003ZM1189.87 431.885L1189.13 431.458L1187.66 432.082L1188.4 432.509L1189.87 431.885ZM1187.86 430.723L1187.12 430.296L1185.65 430.92L1186.39 431.347L1187.86 430.723Z"
        fill="url(#paint1_linear_3303_21)"
      />
    </g>
    <path
      d="M774.498 629.286L957.998 699.434L954.498 700.934L770.999 630.786L774.498 629.286Z"
      fill="#068FCF"
    />
    <g opacity="0.5">
      <mask id="path-28-inside-1_3303_21" fill="white">
        <path
          d="M438.009 635.95L544.5 676.938L541 678.438L434.509 637.45L438.009 635.95Z"
        />
      </mask>
      <path
        d="M438.009 635.95L439.086 633.15L437.948 632.712L436.827 633.193L438.009 635.95ZM544.5 676.938L545.682 679.695L552.464 676.789L545.578 674.138L544.5 676.938ZM541 678.438L539.922 681.238L541.061 681.676L542.182 681.195L541 678.438ZM434.509 637.45L433.327 634.693L426.546 637.599L433.432 640.25L434.509 637.45ZM436.931 638.75L543.422 679.738L545.578 674.138L439.086 633.15L436.931 638.75ZM543.318 674.18L539.818 675.68L542.182 681.195L545.682 679.695L543.318 674.18ZM542.078 675.638L435.587 634.65L433.432 640.25L539.922 681.238L542.078 675.638ZM435.691 640.207L439.191 638.707L436.827 633.193L433.327 634.693L435.691 640.207Z"
        fill="#FF8019"
        mask="url(#path-28-inside-1_3303_21)"
      />
    </g>
    <g opacity="0.5">
      <mask id="path-30-inside-2_3303_21" fill="white">
        <path
          d="M626.17 559.528L722.19 595.028L718.69 596.528L622.67 561.028L626.17 559.528Z"
        />
      </mask>
      <path
        d="M626.17 559.528L627.21 556.714L626.088 556.299L624.988 556.771L626.17 559.528ZM722.19 595.028L723.372 597.785L730.286 594.822L723.231 592.214L722.19 595.028ZM718.69 596.528L717.65 599.342L718.772 599.757L719.872 599.285L718.69 596.528ZM622.67 561.028L621.489 558.271L614.576 561.234L621.63 563.842L622.67 561.028ZM625.129 562.342L721.15 597.842L723.231 592.214L627.21 556.714L625.129 562.342ZM721.008 592.27L717.508 593.77L719.872 599.285L723.372 597.785L721.008 592.27ZM719.731 593.714L623.711 558.214L621.63 563.842L717.65 599.342L719.731 593.714ZM623.852 563.786L627.352 562.286L624.988 556.771L621.489 558.271L623.852 563.786Z"
        fill="#FF8019"
        mask="url(#path-30-inside-2_3303_21)"
      />
    </g>
    <path
      d="M665.498 556.934L741.518 585.027L738.018 586.527L661.999 558.434L665.498 556.934Z"
      fill="#068FCF"
    />
    <path
      d="M804.503 489.933L645.502 558.433"
      stroke="#06CF8C"
      stroke-width="3"
    />
    <path
      d="M773.506 422.872L708.002 451.934"
      stroke="#06CF8C"
      stroke-width="3"
    />
    <path
      d="M645.001 556.934L733.52 590.514L730.02 592.014L641.502 558.434L645.001 556.934Z"
      fill="#06CF8C"
    />
    <path
      d="M707.5 450.434L808.001 489.934L804.501 491.434L704.001 451.934L707.5 450.434Z"
      fill="#06CF8C"
    />
    <g opacity="0.5">
      <mask id="path-37-inside-3_3303_21" fill="white">
        <path
          d="M767.997 496.434L873.19 536.027L869.69 537.527L764.497 497.934L767.997 496.434Z"
        />
      </mask>
      <path
        d="M767.997 496.434L769.053 493.626L767.924 493.201L766.815 493.677L767.997 496.434ZM873.19 536.027L874.372 538.785L881.227 535.847L874.247 533.22L873.19 536.027ZM869.69 537.527L868.634 540.335L869.763 540.76L870.872 540.285L869.69 537.527ZM764.497 497.934L763.315 495.177L756.461 498.115L763.441 500.742L764.497 497.934ZM766.94 499.242L872.134 538.835L874.247 533.22L769.053 493.626L766.94 499.242ZM872.009 533.27L868.509 534.77L870.872 540.285L874.372 538.785L872.009 533.27ZM870.747 534.72L765.554 495.126L763.441 500.742L868.634 540.335L870.747 534.72ZM765.679 500.691L769.179 499.192L766.815 493.677L763.315 495.177L765.679 500.691Z"
        fill="#FF8019"
        mask="url(#path-37-inside-3_3303_21)"
      />
    </g>
    <path
      opacity="0.5"
      d="M520.06 558.902L520.223 558.809L537.283 565.758L520.06 558.902Z"
      stroke="#FF8019"
      stroke-width="3"
    />
    <!-- 采集数 -->
    <path
      d="M438.998 777.934L554.701 729.272L551.404 727.366L435.499 776.434L438.998 777.934Z"
      :fill="linestatus.lineSegmentState ? '#068FCF' : '#ea3930'"
      :class="linestatus.lineSegmentState ? '' : 'Linelight'"
    />
    <g
      id="failure-icon"
      v-if="!linestatus.lineSegmentState"
      transform="translate(502, 755)"
    >
      <circle cx="0" cy="0" r="10" fill="none" stroke="red" stroke-width="3" />
      <line x1="-6" y1="-6" x2="6" y2="6" stroke="red" stroke-width="3" />
      <line x1="-6" y1="6" x2="6" y2="-6" stroke="red" stroke-width="3" />
    </g>

    <path
      d="M289.943 517.096L76.917 608.928L150.899 638.35L364.158 546.596L289.943 517.096Z"
      fill="#043588"
      stroke="#068FCF"
      stroke-width="3"
    />
    <g filter="url(#filter2_d_3303_21)">
      <path
        d="M170.189 598.718C167.533 599.29 164.758 599.635 161.862 599.754L163.857 600.906L158.055 603.369L161.214 605.193L169.933 601.492L173.369 603.476L164.65 607.177L168.253 609.257L179.093 604.656L182.64 606.704L157.131 617.532L153.584 615.484L164.424 610.882L160.821 608.802L152.102 612.503L148.665 610.519L157.385 606.818L154.225 604.994L148.422 607.458L146.427 606.306C145.749 607.704 144.636 609.009 143.089 610.221L139.459 608.125C140.909 606.621 141.711 605.235 141.865 603.967C142.02 602.679 141.669 601.375 140.813 600.054L150.239 596.053C152.745 596.674 155.285 597.048 157.859 597.177C160.435 597.287 163.335 597.102 166.558 596.622L170.189 598.718ZM158.418 599.772C155.993 599.71 153.702 599.469 151.547 599.051L146.599 601.152C147.088 602.221 147.218 603.379 146.989 604.623L158.418 599.772ZM184.812 602.145L196.33 597.256L190.815 594.072L181.271 598.123L177.835 596.139L187.379 592.088L182.25 589.156L176.094 591.769C176.956 592.681 177.659 593.539 178.203 594.345L173.814 596.208C172.138 593.587 169.91 591.239 167.129 589.161L171.047 587.498C171.981 588.175 172.794 588.802 173.485 589.378L178.758 587.14L175.294 585.14L179.182 583.49L182.646 585.49L193.103 581.051L196.595 583.067L186.138 587.506L191.237 590.45L200.398 586.561L203.835 588.545L194.674 592.434L200.189 595.618L211.323 590.892L214.981 593.004L188.471 604.257L184.812 602.145ZM232.966 572.431L245.797 579.839L239.612 582.465L236.148 580.465L238.592 579.427L232.634 575.987L228.363 577.8L238.423 583.608L234.652 585.209L221.184 577.433L232.966 572.431ZM202.834 580.974C204.321 579.491 205.16 578.126 205.351 576.879C205.544 575.613 205.239 574.336 204.438 573.047L213.864 569.046C216.315 569.634 218.809 569.982 221.346 570.09C223.885 570.178 226.747 569.972 229.934 569.471L233.62 571.599C230.751 572.224 227.735 572.588 224.573 572.691L226.263 573.667L211.771 579.818L210.08 578.842C209.394 580.374 208.207 581.794 206.52 583.102L202.834 580.974ZM208.674 583.076L219.101 578.65L231.406 585.754L220.978 590.18L208.674 583.076ZM224.317 585.321L218.83 582.153L215.707 583.478L221.194 586.646L224.317 585.321ZM220.787 572.659C218.823 572.568 216.933 572.352 215.117 572.012L210.169 574.113C210.57 575.053 210.713 576.01 210.595 576.985L220.787 572.659ZM246.342 568.586C250.499 570.986 253.799 573.482 256.242 576.072L252.089 577.835C250.03 575.211 246.858 572.661 242.572 570.187L229.601 562.727L253.195 552.712L277.776 566.904L272.739 569.042L269.109 566.946L270.375 566.408L252.804 556.293L236.809 563.082L246.342 568.586ZM244.328 566.332L249.424 564.168L248.039 563.368L243.532 565.281L240.317 563.425L244.824 561.512L243.521 560.76L247.233 559.185L248.535 559.937L253.013 558.036L256.227 559.892L251.75 561.793L253.136 562.593L258.202 560.442L261.417 562.298L247.543 568.188L244.328 566.332ZM249.613 568.586L261.69 563.46L270.447 568.516L258.37 573.642L249.613 568.586ZM263.464 568.231L261.164 566.903L256.569 568.854L258.869 570.182L263.464 568.231ZM288.264 557.732L292.27 556.032L297.552 557.871C296.229 556.674 294.769 555.526 293.172 554.427C291.575 553.328 289.733 552.176 287.645 550.971L274.759 543.531L286.158 538.692L310.767 552.9L307.085 554.463L300.101 550.431L295.919 552.206C297.961 553.523 299.965 555.005 301.93 556.651L294.389 559.852L288.264 557.732ZM275.439 559.151L277.235 558.388L265.347 551.524L263.844 552.162L260.685 550.338L262.187 549.7L260.885 548.948L264.537 547.397L265.84 548.149L269.758 546.487L268.455 545.735L272.108 544.184L273.41 544.936L274.912 544.298L278.072 546.122L276.569 546.76L288.458 553.624L290.137 552.911L293.352 554.767L278.653 561.007L275.439 559.151ZM281.283 560.695L285.289 558.995L288.587 562.315L284.581 564.016L281.283 560.695ZM284.806 555.175L282.727 553.975L278.81 555.637L280.888 556.837L284.806 555.175ZM279.901 552.343L277.822 551.143L273.904 552.805L275.983 554.005L279.901 552.343ZM274.995 549.511L272.917 548.311L268.999 549.973L271.078 551.173L274.995 549.511ZM296.693 548.463L293.062 546.367L289.027 548.08L291.327 549.408L292.657 550.176L296.693 548.463ZM289.654 544.399L286.023 542.303L281.988 544.016L285.618 546.112L289.654 544.399Z"
        fill="url(#paint2_linear_3303_21)"
      />
    </g>
    <path
      d="M1375.94 542.096L1162.92 633.928L1236.9 663.35L1450.16 571.596L1375.94 542.096Z"
      fill="#043588"
      stroke="#068FCF"
      stroke-width="3"
    />
    <g filter="url(#filter3_d_3303_21)">
      <path
        d="M1255.38 634.835C1257.4 633.92 1258.82 632.986 1259.62 632.034L1253.99 632.619L1252.91 631.051L1250.56 632.051L1247.56 630.323L1251.3 628.735L1250.43 627.466L1254.15 625.891L1255.02 627.16L1262.7 623.896L1265.7 625.624L1263.69 626.475C1264.38 627.48 1264.79 628.416 1264.93 629.282L1270.27 628.765L1272.46 630.029C1271.88 627.867 1271.12 625.999 1270.16 624.424L1261.85 621.842L1259.64 622.779L1260.55 622.978L1257.25 624.378C1255.12 623.876 1253.11 623.238 1251.23 622.465L1250.4 622.815L1254.64 625.263L1251.23 626.714L1246.99 624.266L1246.19 624.603C1247.5 625.713 1248.47 626.793 1249.09 627.842L1245.76 629.255C1245.2 628.124 1244.32 627.006 1243.13 625.903L1241.27 626.691L1238.11 624.867L1243.83 622.442L1239.17 619.754L1242.59 618.303L1247.24 620.991L1252.96 618.565L1256.12 620.389L1254.26 621.177C1255.8 621.748 1257.34 622.219 1258.91 622.592C1256.54 620.005 1253.54 617.457 1249.91 614.946L1253.53 613.408C1254.16 613.827 1254.96 614.401 1255.95 615.129L1262.96 612.154L1266.56 614.234L1265.48 614.696C1267.07 615.757 1268.57 616.836 1269.95 617.931C1271.65 619.322 1273.06 620.667 1274.18 621.966L1285.34 624.923L1281.54 626.536L1275.61 624.943C1276.09 625.755 1276.63 626.899 1277.21 628.374L1272.82 630.237L1273.48 630.621L1264.7 631.515C1263.99 633.426 1261.91 635.125 1258.45 636.611L1255.38 634.835ZM1237.65 620.676L1242.51 622.333L1239.27 623.708L1234.44 622.039L1237.65 620.676ZM1260.57 629.717C1260.56 629.201 1260.41 628.629 1260.1 628L1256.62 629.475L1257.02 630.058L1260.57 629.717ZM1244.63 617.713L1247.87 616.338L1250.47 618.957L1247.26 620.32L1244.63 617.713ZM1268.45 621.401C1266.96 619.794 1264.83 618.042 1262.06 616.147L1258.97 617.459L1260.41 618.678L1268.45 621.401ZM1287.8 620.796L1289.92 619.896L1284.51 616.776L1282.29 618.414L1278.44 616.19L1280.66 614.552L1275.53 611.592L1272.91 612.705L1269.42 610.689L1272.04 609.576L1268.19 607.352L1272.02 605.727L1275.87 607.951L1278.23 606.95L1281.72 608.966L1279.36 609.967L1283.6 612.415L1285.62 610.921L1289.47 613.145L1287.46 614.639L1297.1 620.207L1291.15 622.732L1287.8 620.796ZM1298.37 619.698C1297.31 618.441 1296.42 617.452 1295.68 616.729C1294.94 615.988 1294.03 615.246 1292.94 614.502C1291.86 613.759 1290.33 612.817 1288.35 611.675L1275.8 604.427L1292.12 597.5L1300.13 602.124L1295.74 603.987L1297.82 605.187L1302.88 603.037L1306.15 604.925L1301.09 607.075L1303.36 608.387L1307.66 606.562L1316.81 611.842L1304.49 617.068L1295.35 611.788L1299.65 609.963L1297.38 608.651L1292.9 610.551C1294.47 611.496 1296.16 612.629 1297.97 613.951C1299.8 615.265 1301.33 616.589 1302.55 617.922L1298.37 619.698ZM1294.11 606.763L1292.03 605.563L1287.58 607.451L1289.66 608.651L1294.11 606.763ZM1293.31 602.022L1291.28 600.854L1282.56 604.555L1284.59 605.723L1293.31 602.022ZM1310.13 611.62L1307.09 609.86L1302.02 612.01L1305.07 613.77L1310.13 611.62ZM1333.2 601.386C1331.59 603.977 1328.3 606.584 1323.34 609.209L1319.85 607.193C1322.97 605.553 1325.29 603.983 1326.82 602.484L1318.29 603.936L1316.05 599.894L1309.74 602.569L1306.22 600.537L1314.44 597.049L1312.84 594.176L1317.11 592.363L1318.77 595.211L1333.32 589.034L1336.84 591.066L1332.63 592.854C1334.02 594.78 1334.59 596.65 1334.32 598.465L1344.38 596.749L1348.04 598.861L1333.2 601.386ZM1298.86 595.667L1309.85 591.003L1308.1 589.995L1311.99 588.345L1313.73 589.353L1324.72 584.689L1330.74 588.161L1326.91 589.786L1324.33 588.298L1306.13 596.025L1308.7 597.513L1304.87 599.139L1298.86 595.667ZM1328.99 599.369C1329.52 597.847 1329.32 596.276 1328.39 594.655L1320.4 598.043L1321.86 600.592L1328.99 599.369ZM1367.07 576.651C1364.42 577.222 1361.64 577.568 1358.75 577.686L1360.74 578.838L1354.94 581.301L1358.1 583.125L1366.82 579.424L1370.26 581.408L1361.54 585.109L1365.14 587.189L1375.98 582.588L1379.53 584.636L1354.02 595.464L1350.47 593.416L1361.31 588.815L1357.71 586.735L1348.99 590.436L1345.55 588.452L1354.27 584.751L1351.11 582.927L1345.31 585.39L1343.31 584.238C1342.63 585.637 1341.52 586.942 1339.97 588.154L1336.34 586.058C1337.79 584.554 1338.6 583.168 1338.75 581.899C1338.91 580.612 1338.56 579.307 1337.7 577.987L1347.12 573.986C1349.63 574.606 1352.17 574.981 1354.75 575.11C1357.32 575.22 1360.22 575.034 1363.44 574.555L1367.07 576.651ZM1355.3 577.704C1352.88 577.642 1350.59 577.402 1348.43 576.984L1343.48 579.084C1343.97 580.154 1344.1 581.311 1343.87 582.556L1355.3 577.704Z"
        fill="url(#paint3_linear_3303_21)"
      />
    </g>
    <path
      d="M1053.5 567.317L943.997 615.817L999.996 637.317L1111 590.317L1053.5 567.317Z"
      fill="#032969"
    />
    <path
      d="M999.969 635.699L1107.06 590.356L1053.53 568.944L947.924 615.718L999.969 635.699Z"
      stroke="#B534F6"
      stroke-opacity="0.4"
      stroke-width="3"
    />
    <g filter="url(#filter4_d_3303_21)">
      <path
        d="M987.277 612.628L995.429 609.168L997.549 610.392L992.13 612.692L994.469 614.042L999.174 612.044L1001.15 613.187L996.448 615.185L998.802 616.544L1004.22 614.244L1006.34 615.468L998.188 618.928L987.277 612.628ZM997.533 608.274L1006.25 604.575L1008.35 605.79L1005.37 607.056L1014.18 612.141L1011.43 613.309L1002.62 608.224L999.638 609.489L997.533 608.274ZM1011.58 602.313L1020.38 607.398L1025.07 605.408L1027.18 606.623L1019.75 609.774L1008.84 603.474L1011.58 602.313ZM1030.95 599.978C1033.39 601.388 1035.39 602.742 1036.95 604.038L1034.71 604.988C1033.93 604.259 1033.06 603.573 1032.12 602.931C1031.19 602.284 1030.1 601.597 1028.84 600.871L1021.6 596.686L1032.12 592.22L1045.96 600.212L1043.82 601.12L1031.63 594.082L1025.35 596.747L1030.95 599.978ZM1021.29 601.077L1024.46 599.734L1030.85 603.424L1031.35 602.851L1033.68 604.192L1031.93 606.169L1024.41 601.831L1023.37 602.274L1021.29 601.077ZM1019.44 597.415L1023.96 598.883L1021.71 599.84L1017.18 598.372L1019.44 597.415ZM1029.77 598.667L1031.34 597.999L1030.5 597.513L1028.93 598.181L1027.28 597.227L1028.85 596.559L1028.07 596.109L1030.12 595.237L1030.9 595.687L1032.3 595.096L1033.95 596.05L1032.56 596.641L1033.4 597.127L1034.79 596.536L1036.44 597.49L1031.42 599.621L1029.77 598.667ZM1032.12 599.857L1036.81 597.866L1041.92 600.818L1037.23 602.809L1032.12 599.857ZM1038.34 600.575L1036.75 599.657L1035.72 600.093L1037.31 601.011L1038.34 600.575ZM1064.01 592.739C1061.36 593.542 1058.85 594.1 1056.5 594.412C1055.52 595.516 1054.02 596.655 1052.01 597.831L1050.14 596.751C1051.29 596.075 1052.27 595.387 1053.09 594.686C1050.53 594.744 1048.32 594.435 1046.48 593.759L1056.72 589.412C1057.79 590.416 1058.07 591.541 1057.57 592.787C1059.09 592.494 1060.61 592.118 1062.14 591.659L1064.01 592.739ZM1048.69 599.052C1047.96 598.24 1047.13 597.494 1046.2 596.815C1045.26 596.13 1044.09 595.383 1042.69 594.573L1036.16 590.802L1042.21 588.235L1041.41 587.776L1043.6 586.847L1044.39 587.306L1050.39 584.76L1052.28 585.849L1050.11 586.771L1050.84 587.194L1052.93 586.307L1054.64 587.297L1052.55 588.184L1055.06 589.633L1047.18 592.98L1044.67 591.531L1042.61 592.404L1044.81 593.673C1046.13 594.435 1047.3 595.168 1048.31 595.874C1049.31 596.573 1050.22 597.3 1051.05 598.053L1048.69 599.052ZM1042.95 590.541L1042.22 590.118L1040.16 590.991L1040.9 591.414L1042.95 590.541ZM1051.21 589.502L1050.47 589.07L1046.75 590.645L1047.5 591.077L1051.21 589.502ZM1048.75 588.08L1048.02 587.657L1044.31 589.232L1045.04 589.655L1048.75 588.08ZM1051.57 593.241C1052.41 593.298 1053.37 593.289 1054.42 593.215C1054.74 592.708 1054.9 592.243 1054.91 591.82L1051.57 593.241Z"
        fill="url(#paint4_linear_3303_21)"
      />
    </g>
    <defs>
      <filter
        id="filter0_d_3303_21"
        x="1111.46"
        y="397.055"
        width="55.0547"
        height="35.5352"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="4.53907" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0.682353 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_3303_21"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_3303_21"
          result="shape"
        />
      </filter>
      <filter
        id="filter1_d_3303_21"
        x="1150.4"
        y="418.064"
        width="55.0215"
        height="35.5098"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="4.53907" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0.682353 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_3303_21"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_3303_21"
          result="shape"
        />
      </filter>
      <filter
        id="filter2_d_3303_21"
        x="122.621"
        y="529.262"
        width="197.252"
        height="98.0381"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="4.53907" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0.682353 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_3303_21"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_3303_21"
          result="shape"
        />
      </filter>
      <filter
        id="filter3_d_3303_21"
        x="1223.88"
        y="560.836"
        width="166.488"
        height="85.0772"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="4.53907" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0.682353 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_3303_21"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_3303_21"
          result="shape"
        />
      </filter>
      <filter
        id="filter4_d_3303_21"
        x="976.328"
        y="575.224"
        width="96.875"
        height="53.791"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="4.53907" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0.682353 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_3303_21"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_3303_21"
          result="shape"
        />
      </filter>
      <linearGradient
        id="paint0_linear_3303_21"
        x1="1131.98"
        y1="410.854"
        x2="1137.29"
        y2="423.351"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="white" />
        <stop offset="1" stop-color="#A7CAFF" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_3303_21"
        x1="1170.99"
        y1="431.853"
        x2="1176.29"
        y2="444.35"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="white" />
        <stop offset="1" stop-color="#A7CAFF" />
      </linearGradient>
      <linearGradient
        id="paint2_linear_3303_21"
        x1="204.475"
        y1="568.346"
        x2="216.645"
        y2="597.017"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="white" />
        <stop offset="1" stop-color="#A7CAFF" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_3303_21"
        x1="1290.02"
        y1="593.542"
        x2="1302.19"
        y2="622.212"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="white" />
        <stop offset="1" stop-color="#A7CAFF" />
      </linearGradient>
      <linearGradient
        id="paint4_linear_3303_21"
        x1="1015.48"
        y1="596.84"
        x2="1022.34"
        y2="613.013"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="white" />
        <stop offset="1" stop-color="#A7CAFF" />
      </linearGradient>
    </defs>
  </svg>
</template>
